﻿{% extends "base.html" %}
{% block scripts %}
    <link rel="stylesheet" href="/media/style/jquery.ui.all.css">
    <link rel="stylesheet" href="/media/style/jquery.autocomplete.css">
    <script type="text/javascript" src="/media/js/jquery.autocomplete.min.js"></script>
    <script>
        $(function() {
            $("#id_country").change(function() {
                $("#id_city").val("");
            });

            //автодополнение города.
            $("#id_city").autocomplete("/get_cities/", {
                autoFill: true,
                matchContains: true,
                minChars: 1,
                //mustMatch: true,
                extraParams: {
                    country: function() {
                        return $("#id_country").val();
                    }
                },
                cacheLength: 1,
                selectFirst: true,
                max: 36
            });

            $.datepicker.regional['ru'] = {
                closeText: 'Закрыть',
                prevText: '&#x3c;Пред',
                nextText: 'След&#x3e;',
                currentText: 'Сегодня',
                monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                    'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
                monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
                    'Июл','Авг','Сен','Окт','Ноя','Дек'],
                dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
                dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
                dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
                weekHeader: 'Не',
                dateFormat: 'dd.mm.yy',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''};
            $.datepicker.setDefaults($.datepicker.regional['ru']);
            $("#id_birthday").datepicker({ dateFormat: 'dd.mm.yy'});

        });
    </script>
{% endblock %}

{% block content %}
    <h1>Настройки</h1>

    <div class="settings_block settings_block_private">

        <ul class="tabs_list settings_tabs">
            <li class="item item_current"><a href="/settings/private/">Личное</a><span class="bg"></span></li>
            <li class="item"><a href="/settings/notify/">Оповещения</a><span class="bg"></span></li>
            <!--<li class="item"><a href="/settings/security/">Приватность</a><span class="bg"></span></li>-->
            <li class="item"><a href="/settings/main/">Важное</a><span class="bg"></span></li>
        </ul>

        <form class="form" action="/update_avatar/" method="post" id="avatar_form" enctype="multipart/form-data">
            <h2 class="block_header">Аватар</h2>

            <div class="avatar_block">
                <p class="description">Вы можете загрузить сюда фотографию. Поддерживаются форматы JPG, PNG и GIF. Файл
                    не должен превышать 5 Mб. Если у Вас возникают проблемы с загрузкой, попробуйте использовать
                    фотографию меньшего размера.</p>
                <div class="block_in">
                    {% if request.user.user_info.avatar %}
                        <img class="pic" src="{{ request.user.user_info.avatar.url }}" width="70" height="70">
                    {% else %}
                        <img class="pic" src="/media/i/pic_0.gif" width="70" height="70">
                    {% endif %}

                    <div class="file_select">
                        <span class="file_button">

                            <span class="button">Загрузить файл</span>
                            <input class="input" type="file" id="id_image" name="image">

                        </span>
                        <input class="text_input" type="text" readonly>
                    </div>
                    <input class="button" type="submit" value="Сохранить"/>
                </div>
            </div>
        </form>


        <form class="form" action="/userinfo/" method="post">

            <h2 class="block_header">Личные данные</h2>

            <p class="description">Введите данные о себе</p>

            <dl>
                <dt>Страна:</dt>
                <dd><select name="country" id="id_country" class="text_input">
                    {% for country in info.countries %}
                        <option {% if country.name == user_info.country.name %} selected="selected"{% endif %}>{{ country.name }}</option>
                    {% endfor %}
                </select></dd>

                <dt>Область:</dt>
                <dd><select name="area" id="id_area" class="text_input">
                    {% for area in info.areas %}
                        <option {% if area.name == user_info.area.name %} selected="selected"{% endif %}>{{ area.name }}</option>
                    {% endfor %}
                </select></dd>

                <dt><label for="id_city">Город:</label></dt>
                <dd><input id="id_city" name="city" class="text_input" type="text" value="{{ user_info.city.name }}"></dd>

                {% if form.first_name.errors %}
                      <dt><p class="error_message">{{ form.first_name.errors|striptags }}</p></dt>
                {% endif %}
                <dt><label for="id_first_name">Имя:</label></dt>
                <dd><input id="id_first_name" name="first_name" class="text_input" type="text"
                           value="{{ user_info.first_name }}"></dd>

                {% if form.last_name.errors %}
                      <dt><p class="error_message">{{ form.last_name.errors|striptags }}</p></dt>
                {% endif %}
                <dt><label for="id_last_name">Фамилия:</label></dt>
                <dd><input id="id_last_name" name="last_name" class="text_input" type="text"
                           value="{{ user_info.last_name }}"></dd>

                <dt>Пол:</dt>
                <dd><select id="id_sex" name="sex" class="text_input">
                    <option value="0" {% if user_info.sex == 0 %} selected="selected" {% endif %}>Женский</option>
                    <option value="1" {% if user_info.sex == 1 %} selected="selected" {% endif %}>Мужской</option>
                </select>
                </dd>

                <dt><label for="id_birthday">Дата рождения:</label></dt>
                <dd class="birthday"><input type="text" id="id_birthday" name="birthday" value="{{ user_info.birthday|date:"d.m.Y" }}"/></dd>


                <dt><label for="id_contacts">Контактные данные:</label></dt>
				<dd><input id="id_contacts" name="contacts" class="text_input" type="text" value="{% if user_info.contacts %}{{ user_info.contacts }}{% endif %}"></dd>

				<dt><label for="id_phone">Телефон:</label></dt>
				<dd><input id="id_phone" name="phone" class="text_input" type="text" value="{% if user_info.phone %}{{ user_info.phone }}{% endif %}"></dd>

				<dt><label for="id_skype">Skype:</label></dt>
				<dd><input id="id_skype" name="skype" class="text_input" type="text" value="{% if user_info.skype %}{{ user_info.skype }}{% endif %}"></dd>

				<dt><label for="id_icq">icq:</label></dt>
				<dd><input id="id_icq" name="icq" class="text_input" type="text" value="{% if user_info.icq %}{{ user_info.icq }}{% endif %}"></dd>

                {% if form.email.errors %}
                      <dt><p class="error_message">{{ form.email.errors|striptags }}</p></dt>
                {% endif %}
                <dt><label for="id_email">e-mail:</label></dt>
				<dd><input id="id_email" name="email" class="text_input" type="text" value="{% if user_info.email %}{{ user_info.email }}{% endif %}"></dd>
            
				<dt><label for="id_website">Личный сайт:</label></dt>
				<dd><input id="id_website" name="website" class="text_input" type="text" value="{% if user_info.website %}{{ user_info.website }}{% endif %}"></dd>

				<dt><label for="id_status">Статус:</label></dt>
				<dd><input id="id_status" name="status" class="text_input" type="text" value="{% if user_info.status %}{{ user_info.status }}{% endif %}"></dd>

				<dt><label for="id_my_auto">Мой Автомобиль:</label></dt>
				<dd><input id="id_my_auto" name="my_auto" class="text_input" type="text" value="{% if user_info.my_auto %}{{ user_info.my_auto }}{% endif %}"></dd>
            </dl>

            <div class="buttons"><input class="button" type="submit" value="Сохранить"></div>
        </form>


    </div>
{% endblock %}
				
